<template>
  <view class="zejiri-wrapper">
    <image
      class="my-bg"
      src="https://ai-sbbs.xyz/api/profile/upload/2024/07/01/216ecf4ef90549a1b0d6b8cd648786f9.png"
      mode="scaleToFill"
    />

    <view class="wrapper">
      <view class="item" @click="toDetail(ls)" v-for="ls in goodScene" :key="ls.id">{{ls.name}}</view>
    </view>
  </view>
</template>

<script>
export default {
  data() {
    return {
      goodScene: [
        {
          id: 0,
          name: "迁徙|搬家"
        },
        {
          id: 1,
          name: "修造|装修"
        },
        {
          id: 2,
          name: "入宅"
        },
        {
          id: 3,
          name: "纳采|订婚|结婚"
        },
        {
          id: 4,
          name: "嫁娶|领证"
        },
        {
          id: 5,
          name: "求嗣|破腹产"
        },
        {
          id: 6,
          name: "纳财"
        },
        {
          id: 7,
          name: "开市"
        },
        {
          id: 8,
          name: "交易"
        },
        {
          id: 9,
          name: "置产"
        },
        {
          id: 10,
          name: "动土"
        },
        {
          id: 11,
          name: "出行"
        },
        {
          id: 12,
          name: "安葬"
        },
        {
          id: 13,
          name: "祭祀"
        },
        {
          id: 14,
          name: "祈福"
        },
        {
          id: 15,
          name: "沐浴"
        },
        {
          id: 16,
          name: "订盟"
        },
        {
          id: 17,
          name: "纳婿"
        },

        {
          id: 18,
          name: "修坟"
        },
        {
          id: 19,
          name: "破土"
        },

        {
          id: 21,
          name: "立碑"
        },
        {
          id: 22,
          name: "开生坟"
        },
        {
          id: 23,
          name: "合寿木"
        },
        {
          id: 24,
          name: "入殓"
        },
        {
          id: 25,
          name: "移柩"
        },

        {
          id: 26,
          name: "伐木"
        },
        {
          id: 27,
          name: "掘井"
        },
        {
          id: 28,
          name: "挂匾"
        },
        {
          id: 29,
          name: "栽种"
        },
        {
          id: 30,
          name: "入学"
        },
        {
          id: 31,
          name: "理发"
        },
        {
          id: 32,
          name: "会亲友"
        },
        {
          id: 33,
          name: "赴任"
        },
        {
          id: 34,
          name: "求医"
        },
        {
          id: 35,
          name: "治病"
        }
      ]
    };
  },
  methods: {
    toDetail(ls) {
      uni.navigateTo({
        url: "/pqgeInfo/zejiri/zejiriDetail?incident=" + ls.id
      });
    }
  }
};
</script>


<style lang="scss">
.zejiri-wrapper {
  flex-grow: 1;
  padding: 24px 12px;

  display: flex;
  flex-direction: column;
  background: #f5f6f7;
  font-size: 12px;
  position: relative;

  .my-bg {
    position: absolute;
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    width: 100%;
    height: 100%;
    z-index: 0;
    // opacity: 0.5;
  }

  .wrapper {
    position: relative;
    z-index: 1;
    display: flex;
    flex-wrap: wrap;
    .item {
      margin-right: 10px;
      margin-bottom: 10px;
      border: 1px solid #c09351;
      padding: 5px 10px;
      border-radius: 20px;
      color: #c09351;
    }
  }
}
</style>